<template>
  <require from="./static/styles.css"></require>
  <require from="./contact/contact-list"></require>

  <nav class="navbar navbar-light bg-light border-bottom fixed-top" role="navigation">
    <a class="navbar-brand" href="#">
      <i class="fa fa-user"></i>
      <span>Contacts</span>
    </a>
  </nav>

  <loading-indicator loading.bind="router.isNavigating || api.isRequesting"></loading-indicator>

  <div class="container-md">
    <div class="row">
      <contact-list class="col-sm-5 col-md-4"></contact-list>
      <router-view class="col-sm-7 col-md-8"></router-view>
    </div>
  </div>
</template>


